/* 项目全局配置 */
.mainBgColor {
	background: #bd3124;
}

.mainColor {
	color: #bd3124;
}

/* 隐藏 */
.overflow-hidden {
	overflow: hidden;
}

.overflow-auto {
	overflow: auto;
}

/* 定位 */
.pos-f {
	position: fixed;
}
.pos-r {
	position: relative;
}
.pos-a {
	position: absolute;
}

/* 宽度 */
.w-100 {
	width: 100%;
}
.w-50 {
	width: 50%;
}
.w-px-270 {
	width: 224px;
	text-align: right;
}
.w-px-300 {
	width: 300px;
	text-align: right;
}
.w-px-350 {
	width: 350px;
}
.w-px-130 {
	width: 130px;
}
.w-px-120 {
	width: 120px;
}
.w-px-90 {
	width: 90px;
}
.w-px-80 {
	width: 80px;
}
.w-px-70 {
	width: 70px;
}
.w-px-72 {
	width: 72px;
}
.w-px-60 {
	width: 60px;
}
.w-px-50 {
	width: 50px;
}
.w-px-47 {
	width: 47px;
}
.w-px-40 {
	width: 40px;
}
.w-px-34 {
	width: 34px;
}
.w-px-30 {
	width: 30px;
}
.w-px-24 {
	width: 24px;
}
.w-px-20 {
	width: 20px;
}

/* 高度 */
.h-auto {
	height: auto;
}
.h-100 {
	height: 100%;
}
.h-px-200 {
	height: 200px;
}
.h-px-380 {
	height: 380px;
}
.h-px-150 {
	height: 150px;
}
.h-px-120 {
	height: 120px;
}
.h-px-100 {
	height: 100px;
}
.h-px-80 {
	height: 80px;
}
.h-px-60 {
	height: 60px;
}
.h-px-50 {
	height: 50px;
}
.h-px-44{
	height: 44px;
}
.h-px-40 {
	height: 40px;
}
.h-px-34 {
	height: 34px;
}
.h-px-30 {
	height: 30px;
}
.h-px-20 {
	height: 20px;
}

/* 背景色 */
.bg-white {
	background-color: white;
}
.bg-3aa1ff {
	background-color: #3aa1ff;
}
.bg-e5f1ff {
	background-color: #e5f1ff;
}
.bg-eaeaea {
	background-color: #eaeaea;
}
.bg-ffeedd {
	background-color: #ffeedd;
}
.bg-dbdcf8 {
	background-color: #dbdcf8;
}
.bg-e07285 {
	background-color: #e07285;
}
.bg-eeeeee {
	background-color: #eeeeee;
}
.bg-d3d3ff {
	background-color: #d3d3ff;
}

/* 颜色 */
.color-white {
	color: white;
}
.color-black{
	color: black;
}
.color-cccccc {
	color: #cccccc;
}
.color-ffeedd {
	color: #ffeedd;
}
.color-1485fb {
	color: #1485fb;
}
.color-303133 {
	color: #303133;
}
.color-7e7e7e {
	color: #7e7e7e;
}
.color-565656 {
	color: #565656;
}
.color-333333 {
	color: #333333;
}
.color-666666 {
	color: #666666;
}
.color-999999 {
	color: #999999;
}
.color-1283fc {
	color: #1283fc;
}
.color-ff0000 {
	color: #ff0000;
}
.color-eeee00 {
	color: #05BA74;
}
.color-1485fd {
	color: #1485fd;
}
.color-eb3d00 {
	color: #EB3D00;
}
.color-0089e1 {
	color: #0089E1;
}
.color-55aa00 {
	color: #55aa00;
}
.color-1677ff {
	color: #1677ff;
}
.color-fd5f30 {
	color: #fd5f30;
}
.color-3aa1ff {
	color: #3aa1ff;
}
.color-2cb42e {
	color: #2cb42e;
}
.color-cfc46a {
	color: #cfc46a;
}

/* 字体大小 */
.font-10 {
	font-size: 10px;
}
.font-12 {
	font-size: 12px;
}
.font-14 {
	font-size: 14px;
}
.font-13 {
	font-size: 13px;
}
.font-15 {
	font-size: 15px;
}
.font-16 {
	font-size: 16px;
}
.font-18 {
	font-size: 18px;
}
.font-22 {
	font-size: 22px;
}
.font-24 {
	font-size: 24px;
}
.font-30 {
	font-size: 30px;
}

/* 字体加粗 */
.font-b-800 {
	font-weight: 800;
}
.font-b-700 {
	font-weight: 700;
}

/* 外边距 */
.mar-10 {
	margin: 10px;
}
.mar-x-30 {
	margin-left: 30px;
	margin-right: 30px;
}
.mar-x-28 {
	margin-left: 28px;
	margin-right: 28px;
}
.mar-x-24 {
	margin-left: 24px;
	margin-right: 24px;
}
.mar-x-20 {
	margin-left: 20px;
	margin-right: 20px;
}
.mar-x-15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mar-x-12 {
	margin-left: 12px;
	margin-right: 12px;
}
.mar-x-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mar-x-5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mar-y-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mar-y-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mar-y-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mar-t-100 {
	margin-top: 100px;
}
.mar-t-60 {
	margin-top: 60px;
}
.mar-t-40 {
	margin-top: 40px;
}
.mar-t-20 {
	margin-top: 20px;
}
.mar-t-15 {
	margin-top: 15px;
}
.mar-t-10 {
	margin-top: 10px;
}
.mar-t-8 {
	margin-top: 8px;
}
.mar-t-5 {
	margin-top: 5px;
}
.mar-l-5 {
	margin-left: 5px;
}
.mar-l-3 {
	margin-left: 2px;
}
.mar-l-10 {
	margin-left: 10px;
}
.mar-l-15 {
	margin-left: 15px;
}
.mar-l-20 {
	margin-left: 20px;
}
.mar-l-40 {
	margin-left: 40px;
}
.mar-r-10 {
	margin-right: 10px;
}
.mar-r-15 {
	margin-right: 15px;
}
.mar-r-20 {
	margin-right: 20px;
}
.mar-r-30 {
	margin-right: 30px;
}
.mar-r-5 {
	margin-right: 5px;
}
.mar-b-80 {
	margin-bottom: 80px;
}
.mar-b-40 {
	margin-bottom: 40px;
}
.mar-b-20 {
	margin-bottom: 20px;
}
.mar-b-10 {
	margin-bottom: 10px;
}

/* 内边距 */
.pad-5 {
	padding: 5px;
}
.pad-10 {
	padding: 10px;
}
.pad-x-20 {
	padding-left: 20px;
	padding-right: 20px;
}
.pad-x-15{
	padding-left: 15px;
	padding-right: 15px;
}
.pad-x-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.pad-x-5 {
	padding-left: 5px;
	padding-right: 5px;
}
.pad-y-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pad-y-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pad-y-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pad-y-3 {
	padding-top: 3px;
	padding-bottom: 3px;
}
.pad-t-100 {
	padding-top: 100px;
}
.pad-t-80 {
	padding-top: 80px;
}
.pad-t-60 {
	padding-top: 60px;
}
.pad-t-40 {
	padding-top: 40px;
}
.pad-t-30 {
	padding-top: 30px;
}
.pad-t-20 {
	padding-top: 20px;
}
.pad-t-15 {
	padding-top: 15px;
}
.pad-t-10 {
	padding-top: 10px;
}
.pad-t-5 {
	padding-top: 5px;
}
.pad-l-10 {
	padding-left: 10px;
}
.pad-b-120 {
	padding-bottom: 120px;
}
.pad-b-80 {
	padding-bottom: 80px;
}
.pad-b-40 {
	padding-bottom: 40px;
}
.pad-b-30 {
	padding-bottom: 30px;
}
.pad-b-20 {
	padding-bottom: 20px;
}
.pad-b-10 {
	padding-bottom: 10px;
}
.pad-b-5 {
	padding-bottom: 5px;
}

/* 字间距 */
.latter-px-2 {
	letter-spacing: 2px;
}

/* 禁止字体换行 */
.text-nowrap {
    white-space: nowrap;
}

/* 线条 */
.border-type-1 {
	border: 1px #e6e6e6 solid;
}

/* 圆角 */
.radius-50 {
	border-radius: 50%;
}
.border-rad-10 {
	border-radius: 10px;
}
.border-rad-5 {
	border-radius: 5px;
}
.border-rad-3 {
	border-radius: 3px;
}

/* 投影 */
.shadow-type-1 {
    box-shadow: -3px -3px 6px 0px #ffffff, 3px 3px 6px 0px rgba(46, 94, 171, 0.14);
}

.shadow-type-2 {
    box-shadow: 0px 2px 4px 0px rgba(19, 81, 138, 0.28);
}

.shadow-type-3 {
    box-shadow: -3px -3px 6px 0px #ffffff, 3px 3px 6px 0px rgba(46, 94, 171, 0.14);
}

.shadow-type-4 {
    box-shadow: -3px -4px 6px 0px #ffffff, 4px 3px 9px 0px rgba(46, 92, 174, 0.14);
}

.shadow-type-5 {
    box-shadow: 0px 2px 6px 0px rgba(0, 108, 255, 0.09);
}

.shadow-type-6 {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.shadow-type-7 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.shadow-type-8 {
    box-shadow: 0 2px 3px 1px rgba(46, 94, 171, 0.1);
}

/* 列表项逐个出现动画 */
.list-item-animated {
	opacity: 0;
	animation: list-item-slide-in 0.005s ease-in-out forwards; /* 使用自定义动画 */
}
 
@keyframes list-item-slide-in {
	0% {
		transform: translateX(100%);
	}
	
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}